<template>
  <div id="OrdersTitle">
    <v-details
      :inputConfig="inputConfig"
      :detailData="inputData"
      :rules="rules"
      ref="input"
    ></v-details>
  </div>
</template>

<script>
import details from "commons/Detail";
import baseMixin from "@/mixins/BaseMixin";

export default {
  props: {
    inputData: {
      type: Object,
    },
  },
  mixins: [baseMixin],
  name: "OrdersTitle",
  data() {
    return {
      rules: {},
    };
  },
  computed: {
    inputConfig() {
      return [
        [
          {
            type: "input",
            label: this.$t('ex.inventoryholdkey'),
            props: "inventoryholdkey",
            disabled: true,
          },
          {
            type: "select",
            label: this.$t("common.status"),
            props: "status",
            options: this.getOptions("queryInventoryholdcodeDropDown"),
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.loc"),
            props: "loc",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("app.remark"),
            props: "comments",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("in.lot"),
            props: "lot",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("in.lpn"),
            props: "id",
            disabled: true,
          },
          {
            type: "checkbox",
            label: this.$t('ex.hold'),
            props: "hold",
          },
        ],
        [
          {
            type: "input",
            label: this.$t('ex.whoon'),
            props: "whoon",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t('ex.whooff'),
            props: "whooff",
            disabled: true,
          },
          {
            type: "date",
            label: this.$t('ex.dateon'),
            props: "dateon",
            disabled: true,
          },
          {
            type: "date",
            label: this.$t('ex.dateoff'),
            props: "dateoff",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t('ex.hourstohold'),
            props: "hourstohold",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t('ex.autoreleasedate'),
            props: "autoreleasedate",
            disabled: true,
          },
        ],
        [
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "01" }),
            props: "lottable01",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "02" }),
            props: "lottable02",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "03" }),
            props: "lottable03",
            disabled: true,
          },
          {
            type: "date",
            label: this.$t("in.lottable04"),
            props: "lottable04",
            disabled: true,
          },
          {
            type: "date",
            label: this.$t("in.lottable05"),
            props: "lottable05",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "06" }),
            props: "lottable06",
            disabled: true,
          },
        ],
        [
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "07" }),
            props: "lottable07",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "08" }),
            props: "lottable08",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "09" }),
            props: "lottable09",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.batchProp", { no: "10" }),
            props: "lottable10",
            disabled: true,
          },
          {
            type: "date",
            label: this.$t('ex.lottable11'),
            props: "lottable11",
            disabled: true,
          },
          {
            type: "date",
            label: this.$t("in.lottable12"),
            props: "lottable12",
            disabled: true,
          },
        ],
      ];
    },
  },
  methods: {},
  mounted() {},
  watch: {},
  components: {
    "v-details": details,
  },
};
</script>

<style scoped></style>
